<!DOCTYPE HTML>
<html lang="en">
  <head>
    <title>单表编辑服务</title>
    
	<meta http-equiv="pragma" content="no-cache"/>
	<meta http-equiv="cache-control" content="no-cache"/>
	<meta http-equiv="expires" content="0"/>
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
	<meta http-equiv="description" content="This is my page"/>
	<!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.min.css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/select2/select2.css" />
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css" />
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css" />
    <link href="../theme/zTree/metroStyle/metroStyle.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/icheck/skins/all.css" rel="stylesheet" type="text/css" />
    <!-- END THEME STYLES -->
	<style type="text/css">
		.form-group{
			margin-bottom:5px;
		}
		.help-inline{
			color:red;
		}
		.table{
			border-top:solid 3px #F3565D;
		}
		.table-toolbar{
			margin-bottom:0px;
		}
		.tableleft{
			margin-left:90px !important;
		}

        .portlet-body {
            height: 100vh;
        }



    </style>

  </head>
<body class="page-header-fixed page-quick-sidebar-over-content " style="width: 98%; background: #0f0; background-color: transparent;">
	<div class="row" style="margin-top:16px;">
		<div class="col-md-12">
			<div class="portlet box blue-steel">
				<div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-globe"></i>单表编辑服务
                    </div>
                    <div class="actions">
                        <a id="btn_back" href="javascript:;" class="btn btn-default btn-sm">
                            <i class="fa fa-backward"></i> 返回
                        </a>
                    </div>
                </div>
                <div class="portlet-body" >
                	<div class="tabbable-custom nav-justified">
                		<ul id="myTab" class="nav nav-tabs nav-justified disable">
                            <li class="active" style="width:200px;">
                                <a id="a_tab_m" href="#tab_1_1_1" data-toggle="tab">
                                    服务信息配置
                                </a>
                            </li>
                            <li style="width:200px;">
                                <a id="a_tab_d" href="#tab_1_1_2" data-toggle="tab">
                                   列校验规则配置
                                </a>
                            </li>
                        </ul>
                        
                        <div class="tab-content" style ="overflow:auto; padding-top:20px;">
                        	<div class="tab-pane active" id="tab_1_1_1" >
                        		<div class="form-horizontal form-body form-inline">
                        			<div class="form-group tableleft" >
										<label class="col-md-4 control-label">数据库标识:</label>
										<div class="col-md-4">
											<select id="dbKey" name="dbKey"  class="form-control input-inline input-medium" >
											</select>
										</div>
									</div>
									<div class="form-group" style="margin-left:50px;">
											<label class="col-md-4 control-label" style="text-align:right;">&nbsp;&nbsp;&nbsp;&nbsp;服务ID:</label>
											<div class="col-md-4">
												<input id="guid" name="guid" type="text" class="form-control input-inline input-medium" placeholder="服务ID唯一,不能重复" />
											</div>
									</div>
									<hr/>
									<div class="form-group tableleft">
										<label class="col-md-4 control-label" style="margin-left:3px;">服务名称:</label>
										<div class="col-md-4">
											<input id="servicename"  name="servicename" type="text" class="form-control input-inline input-medium" placeholder="请输入服务名称"/>
										</div>
									</div>
									<div class="form-group" >
										<label class="col-md-4 control-label" style="margin-left:58px;">&nbsp;&nbsp;&nbsp;表名称:</label>
										<div class="col-md-4">
											<select id="dtConfigId" name="dtConfigId" type="text" class="js-example-basic-single input-inline input-medium">
											</select>
										</div>
									</div>
									<hr/>
									<div class="form-group" style="margin-left:115px;">
										<label class="col-md-2 control-label"  style="margin-top:20px;">备注:</label>
										<div class="col-md-8">
											<textarea id="remark"  name="remark"  rows="3" class="form-control input-inline input-large"></textarea>
										</div>
									</div>
									<hr/>
									<button id="btn_save" type="button" class="btn blue-steel  fa fa-save" style="margin-left:120px;">&nbsp;&nbsp;保&nbsp;&nbsp;存</button>
									<span id="errorMessage" style="margin-left:15px; color:red;"></span>
                        		</div>
                        	</div>
                        	<div class="tab-pane" id="tab_1_1_2" >
                        		<div class="table-toolbar">
	                                	<div class="btn-group">
	                                		<button id="btn_columnAdd" class="btn blue-steel"><i class="fa fa-plus"></i>新增</button>
	                                	</div>
	                                	<div class="btn-group">
	                                		<button id="btn_columnUpdate" class="btn blue-steel"><i class="fa fa-plus"></i>修改</button>
	                                	</div>
	                                	<div class="btn-group">
	                                		<button id="btn_columnDel" class="btn blue-steel"><i class="fa fa-plus"></i>删除</button>
	                                	</div>
                                </div>
                                <table id="tb_columnfieldList" ></table>
                        	</div>
                        </div>
					</div>
                </div>
			</div>
		</div>
	</div>
	
	<!-- Begin 隐藏域 -->
    <input type="hidden" id="hid_serviceId" name="hid_serviceId"/>
    <input type="hidden" id="hid_servertype" name="hid_servertype"/>
    <input type="hidden" id="hid_operate" name="hid_operate"/>
    <input type="hidden" id="hid_projectid" name="hid_projectid"/>
	<!-- End 隐藏域 -->
	<!-- Begin 勾选列模态框 -->
	<div id="FieldModul" class="modal fade" tabindex="-1" aria-hidden="true">
		<div id="FieldDialog" >
			<div class="modal-content">
				<div class="modal-header" style="padding:8px; background-color:#4276A4;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<span class="modal-title" style="color:#fff; font-size:16px;">字段列表</span>
				</div>
				<div class="modal-body">
					<div class="table-toolbar">
				     	<div class="btn-group">
				     		<button id="btn_fieldAdd" class="btn blue-steel"><i class="fa fa-plus"></i>新增</button>
				     		<button id="btn_fieldUpdate" class="btn blue-steel"><i class="fa fa-plus"></i>修改</button>

				     	</div>
				    </div>
				    <table id="tb_fieldList"></table>
				</div>
			</div>
		</div>
	</div>
	<!-- End 勾选列模态框 -->
	<script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
    <!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="../metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-editable.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-editable.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-fixed-columns.js" type="text/javascript" ></script>
    <script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/icheck/icheck.min.js" type="text/javascript"></script>
	<script src="../metronic/assets/global/plugins/select2/select2.min.js" type="text/javascript"></script>
	<script src="../metronic/assets/global/plugins/select2/select2_locale_zh-CN.js"></script>
    <!-- END PAGE LEVEL SCRIPTS -->    
    <script src="../js/serviceConfigration/tableEditService.js" type="text/javascript"></script>
</body>
</html>
